<%@ taglib uri="/struts-tags" prefix="s"%>

	<link rel="stylesheet" href="styles/form-input.css" type="text/css" media="all" />
	<link type="text/css" rel="stylesheet" href="js/jquery/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>
	<script type="text/javascript" src="js/jquery/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript">
		$(function() {
			var dates = $( "#fromDate, #toDate" ).datepicker({
				dateFormat: 'd MM, yy',
				showAnim: 'fold', 
				changeMonth: true,
				numberOfMonths: 1,
				yearRange: '1958:2020',
				onSelect: function( selectedDate ) {
					var option = this.id == "fromDate" ? "minDate" : "maxDate",
						instance = $( this ).data( "datepicker" ),
							date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat,
								selectedDate, instance.settings );
					dates.not( this ).datepicker( "option", option, date );
				}
			});
		});
		$(document).ready(function() {
    		$("button").button();
  		});
	</script>

	<div class="error-text"><s:actionerror /></div>
	<div class="error-text"><s:fielderror /></div>
	<div class="message-text"><s:actionmessage /></div>
	
	<br><br>
	<div align="center">
		<s:form action="exportCompleteToCSV" theme="simple" method="POST" >
			<fieldset style="width:450px">
				<legend><h3>Export data lengkap ke CSV file</h3></legend>
				<br><br>
				<div align="left">
					Tanggal pembukaan rekening
					<table cellpadding="7">
						<tr>
							<td>Dari</td><td><s:textfield name="fromDate" id="fromDate"/></td><td>sampai</td><td><s:textfield name="toDate" id="toDate"/></td>
						</tr>

						<br>
					</table>
					<br>
					<button>submit</button>
				</div>
			</fieldset>			
		</s:form>
	</div>